﻿@charset "utf-8";
/* CSS Document */
/*@font-face{ font-family:PF_Bold;src:url('../images/PingFang Bold.ttf');} */
html{font-size:100%; max-width:100%; margin:0 auto; overflow-x:hidden; font-family:"Microsoft YaHei";}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4,h5, p, dl, dd, ol, ul, li,em,font,span, form, fieldset, input, button, textarea,a,select,option{ margin:0; padding:0; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-family:"Microsoft YaHei"; color:#000;}
th, td{ margin:0; padding:0;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.24rem; font-family:helvetica,arial; width:100%; max-width:7.5rem; margin:0 auto; overflow-x:hidden; background:#f3f3f3;}
input:focus,select:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
::-webkit-input-placeholder{ color:#999 !important;} 
:-moz-placeholder{ color:#999 !important;} 
::-moz-placeholder{ color:#999 !important;} 
:-ms-input-placeholder{ color:#999 !important;}

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0; height:0; overflow:hidden;}
.hidden{ display:none;}
.w{ width:100%; padding:0 .2rem;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

.bg1{ background:url(../images/tbg.png) #7375fd center top no-repeat; background-size:100%;}
.bg1:after{ content:""; display:block; position:fixed; bottom:0; left:50%; margin-left:-3.75rem; font-size:0; overflow:hidden; width:7.5rem; height:3.1rem; background:url(../images/bbg.png) no-repeat; background-size:100%;z-index: -100;}

.con1{ padding:1.58rem .55rem;}
.con1 .com_tit{ border-bottom:.02rem solid rgba(255,255,255,.05);}
.com_tit{ font-size:.62rem; line-height:.85rem; font-weight:bold; text-align:center; color:#fff; padding:.4rem 0 .33rem 0;}
.com_tit em{ display:block; color:#fff;}
.con1 .pic{ width:100%; margin:.77rem 0 .6rem 0;}
.con1 .pic img{ display:block; width:4.92rem; margin:0 auto; height:3.28rem;}
.c_inbut{ color:#fff; font-family:"PF_Bold"; font-size:.36rem; line-height:1rem; display:block; width:3.75rem; margin:0 auto; position:relative; background:#ff807b; text-align:center; border-radius:1000px; border:none; cursor:pointer;}
.c_inbut:before{ content:""; display:block; position:absolute; bottom:1rem; left:50%; margin-left:-.435rem; font-size:0; overflow:hidden; width:.87rem; height:.44rem; background:url(../images/ico2.png) no-repeat; background-size:100%;}

.notice_but{ text-align:center; padding:.72rem 0 .5rem 0;}
.notice_but a{ line-height:.5rem; display:inline-block; position:relative; padding-left:.63rem; z-index:5;}
.notice_but a:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-.25rem; font-size:0; overflow:hidden; width:.48rem; height:.5rem; background:url(../images/ico1.png) no-repeat; background-size:100%;}
.notice_but em{ font-size:.36rem; color:#fff; font-family:"PF_Bold"; text-decoration:underline;}

.pop{ position:fixed; left:0; right:0; top:0; bottom:0; z-index:99; display:none;}
.pop_bg{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.4);}
.pop_w{ width:6.9rem; position:absolute; left:50%; bottom:.85rem; top:.85rem; margin-left:-3.45rem; background:#fff; border-radius:.1rem; padding:.14rem .28rem; z-index:100;}
.pop_w p{ font-size:.29rem; line-height:.55rem; font-family:"PF_Bold"; margin:.4rem 0;}
.pop_w p font,.pop_w p a{ font-family:"PF_Bold"; color:#0042af;}
.close{ position:absolute; right:.2rem; top:.2rem; display:block; background:url(../images/close.png) no-repeat; background-size:100%; width:.24rem; height:.24rem; cursor:pointer;}

.com_w .com_tit{ background:url(../images/bg0.png) #7375fd center top no-repeat; background-size:100%;}
.com_w .c_inbut:before{ display:none;}

.from_list{ padding:.4rem .55rem .2rem .55rem;}
.from_list li{ background:#fff; border-radius:.1rem; padding:.12rem .32rem; margin-bottom:.2rem;}
.from_list li p{ font-size:.3rem; font-family:"PF_Bold"; line-height:.45rem; padding:.2rem 0; border-bottom:.01rem solid #eee; margin-bottom:.07rem;}
.f_intxt{ font-size:.24rem; color:#333; line-height:.47rem; padding:.15rem 0; width:100%; resize:none; border:none; background:none;}

.fnav{ position:relative; height:1.72rem;}
.fnav-fixed{ left:50%; margin-left:-3.75rem; bottom:0; width:7.5rem; position:fixed; z-index:99; text-align:center; height:1.72rem; background:#7375fd; padding:.36rem 0;}

.tj_ok{ text-align:center; padding:1.5rem 0;}
.tj_ok img{ display:block; width:2.52rem; height:2.49rem; margin:0 auto;}
.tj_ok em{ display:block; font-size:.84rem; color:#ef0000; font-family:"PF_Bold"; margin-top:.35rem; line-height:1.35rem;}
.tj_ok p{ font-size:.24rem; color:#999; line-height:.36rem; font-family:"PF_Bold";}
.tj_ok .c_inbut{ margin-top:.6rem;}
